<div class="span12">
    <?php echo $this->Session->flash('carta'); ?>
</div>
<?php
echo $this->element('headerPageTitle', array("titlePage" => "Secciones en Cartas", "subTitlePage" => "Añadir sección"));
?>
<div class="page secondary">
    <div class="page-region">
        <div class="page-region-content">

            <div class="grid">
                <div class="row">
                    <div class="span6">
                        <div class="hero-unit border-color-blue">
                            <h2>Rellena los datos</h2>

                            <?php echo $this->Form->create('Categoria', array(
                            'url' => array('controller' => 'cartaCategorias', 'action' => 'addSeccion'))); ?>

                            <?php
                            echo $this->Form->input('nombre');
                            echo $this->Form->input('descripcion');
                             echo $this->Form->input('id_carta', array(
                            'options' => $cartas,
                            'label' => 'Nombre de Carta'
                        ));
                            ?>
                            <?php echo $this->Form->end("Añadir"); ?>
                        </div>
                    </div>
                </div>

                <div class="row">
                    <div class="span8 offset1">

                        <h2>Listado de secciones</h2>
                        <table id="tablaSecciones" class="hovered">
                            <thead>
                            <tr>

                                <th>Id</th>
                                <th>Nombre de la Carta</th>
                                <th>Nombre de la sección</th>
                                <th>Descripción</th>


                            </tr>
                            </thead>
                            <tbody>

                            <!-- Here is where we loop through our $posts array, printing out post info -->

                            <?php foreach ($categorias as $cat):?>
                            <tr>

                                <td><?php echo $cat['Categoria']['id']; ?></td>
                                <td><?php echo $cat['Carta']['nombre_app']; ?></td>
                                <td><?php echo $cat['Categoria']['nombre']; ?></td>
                                <td><?php echo $cat['Categoria']['descripcion']; ?></td>
                            </tr>
                                <?php endforeach; ?>
                            </tbody>

                        </table>



                    </div>
                </div>


                <div class="row">
                    <div class="span8 offset1">


                    </div>
                </div>


            </div>
        </div>
    </div>
</div>
<script>
    $(function() {

        $('#tablaSecciones').dataTable({
            "bJQueryUI": true,
            "oLanguage": {
                "sLengthMenu": "_MENU_ secciones por página",
                "sZeroRecords": "No existen datos",
                "sInfo": "_START_ al _END_ de _TOTAL_ secciones",
                "sInfoEmpty": "No existen datos",
                "sInfoFiltered": "(filtrado desde _MAX_ total secciones)",
                "sSearch": "Buscar"
            }
        } );



    });
</script>
